{
  "card": {
    "log_id": "div2_sample_card",
    "variables": [
      {
        "name": "show_job_phone",
        "type": "boolean",
        "value": true
      },
      {
        "name": "current_tab_state",
        "type": "string",
        "value": "contacts"
      },
      {
        "name": "var_telegram",
        "type": "string",
        "value": "1"
      },
      {
        "name": "var_whatsapp",
        "type": "string",
        "value": "1"
      },
      {
        "name": "var_viber",
        "type": "string",
        "value": "1"
      },
      {
        "name": "var_skype",
        "type": "string",
        "value": "1"
      },
      {
        "name": "var_phone_mobile",
        "type": "string",
        "value": "+7(777)777-77-77"
      },
      {
        "name": "var_show_telegram",
        "type": "boolean",
        "value": true
      },
      {
        "name": "var_show_whatsapp",
        "type": "boolean",
        "value": true
      },
      {
        "name": "var_show_viber",
        "type": "boolean",
        "value": true
      },
      {
        "name": "var_show_skype",
        "type": "boolean",
        "value": true
      },
      {
        "name": "var_show_phone_mobile",
        "type": "boolean",
        "value": true
      },
      {
        "name": "var_mail",
        "type": "string",
        "value": "test@test.ru"
      },
      {
        "name": "window_width",
        "type": "number",
        "value": 5000
      }
    ],
    "states": [
      {
        "state_id": 0,
        "div": {
          "type": "container",
          "border": {
            "corner_radius": 8,
            "stroke": {
              "color": "#D4EAFC",
              "width": 1
            },
            "has_shadow": 1
          },
          "paddings": {
            "top": "@{toInteger(window_width) >= 768 ? 32 : 20}",
            "bottom": "@{toInteger(window_width) >= 768 ? 32 : 20}",
            "left": "@{toInteger(window_width) >= 768 ? 30 : 24}",
            "right": "@{toInteger(window_width) >= 768 ? 30 : 24}"
          },
          "margins": {
            "bottom": 32
          },
          
          "items": [
            {
              "type": "container",
              "orientation": "vertical",
              "items": [
                {
                  "type": "gallery",
                  "item_spacing": 0,
                  "orientation": "horizontal",
                  "content_alignment_horizontal": "left",
                  "items": [
                    {
                      "type": "container",
                      "width": {
                        "type": "wrap_content"
                      },
                      "margins": {
                        "right": "@{toInteger(window_width) >= 768 ? 28 : 10}"
                      },
                      "items": [
                        {
                          "type": "text",
                          "selectable": true,
                          "font_size": "@{toInteger(window_width) >= 768 ? 15 : 12}",
                          "line_height": "@{toInteger(window_width) >= 768 ? 24 : 19}",
                          "text_color": "#24243A",
                          "margins": {
                            "bottom": "@{toInteger(window_width) >= 768 ? 10 : 2}"
                          },
                          "width": {
                            "type": "wrap_content"
                          },
                          "text": "Контакты",
                          "alpha": "@{current_tab_state == 'contacts' ? 0.9 : 0.7}",
                          "font_weight": "@{current_tab_state == 'contacts' ? 'medium' : 'regular'}"
                        },
                        {
                          "type": "container",
                          "background": [
                            {
                              "color": "#007BFF",
                              "type": "solid"
                            }
                          ],
                          "height": {
                            "type": "fixed",
                            "value": "@{current_tab_state == 'contacts' ? 4 : 0}"
                          },
                          "items": [
                            {
                              "type": "text",
                              "selectable": true,
                              "text": " "
                            }
                          ]
                        }
                      ],
                      "actions": [
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_state?state_id=0/state_profile_tabs/state_tab_contacts"
                        },
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_variable?name=current_tab_state&value=contacts"
                        }
                      ]
                    },
                    {
                      "type": "container",
                      "width": {
                        "type": "wrap_content"
                      },
                      "margins": {
                        "right": "@{toInteger(window_width) >= 768 ? 28 : 10}"
                      },
                      "items": [
                        {
                          "type": "text",
                          "selectable": true,
                          "font_size": "@{toInteger(window_width) >= 768 ? 15 : 12}",
                          "line_height": "@{toInteger(window_width) >= 768 ? 24 : 19}",
                          "text_color": "#24243A",
                          "margins": {
                            "bottom": "@{toInteger(window_width) >= 768 ? 10 : 2}"
                          },
                          "width": {
                            "type": "wrap_content"
                          },
                          "text": "Рабочее место",
                          "alpha": "@{current_tab_state == 'workplace' ? 0.9 : 0.7}",
                          "font_weight": "@{current_tab_state == 'workplace' ? 'medium' : 'regular'}"
                        },
                        {
                          "type": "container",
                          "background": [
                            {
                              "color": "#007BFF",
                              "type": "solid"
                            }
                          ],
                          "height": {
                            "type": "fixed",
                            "value": "@{current_tab_state == 'workplace' ? 4 : 0}"
                          },
                          "items": [
                            {
                              "type": "text",
                              "selectable": true,
                              "text": " "
                            }
                          ]
                        }
                      ],
                      "actions": [
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_state?state_id=0/state_profile_tabs/state_tab_workplace"
                        },
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_variable?name=current_tab_state&value=workplace"
                        }
                      ]
                    },
                    {
                      "type": "container",
                      "width": {
                        "type": "wrap_content"
                      },
                      "margins": {
                        "right": "@{toInteger(window_width) >= 768 ? 28 : 10}"
                      },
                      "items": [
                        {
                          "type": "text",
                          "selectable": true,
                          "font_size": "@{toInteger(window_width) >= 768 ? 15 : 12}",
                          "line_height": "@{toInteger(window_width) >= 768 ? 24 : 19}",
                          "text_color": "#24243A",
                          "margins": {
                            "bottom": "@{toInteger(window_width) >= 768 ? 10 : 2}"
                          },
                          "width": {
                            "type": "wrap_content"
                          },
                          "text": "Роли",
                          "alpha": "@{current_tab_state == 'roles' ? 0.9 : 0.7}",
                          "font_weight": "@{current_tab_state == 'roles' ? 'medium' : 'regular'}"
                        },
                        {
                          "type": "container",
                          "background": [
                            {
                              "color": "#007BFF",
                              "type": "solid"
                            }
                          ],
                          "height": {
                            "type": "fixed",
                            "value": "@{current_tab_state == 'roles' ? 4 : 0}"
                          },
                          "items": [
                            {
                              "type": "text",
                              "selectable": true,
                              "text": " "
                            }
                          ]
                        }
                      ],
                      "actions": [
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_state?state_id=0/state_profile_tabs/state_tab_roles"
                        },
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_variable?name=current_tab_state&value=roles"
                        }
                      ]
                    },
                    {
                      "type": "container",
                      "width": {
                        "type": "wrap_content"
                      },
                      "margins": {
                        "right": "@{toInteger(window_width) >= 768 ? 28 : 10}"
                      },
                      "items": [
                        {
                          "type": "text",
                          "selectable": true,
                          "font_size": "@{toInteger(window_width) >= 768 ? 15 : 12}",
                          "line_height": "@{toInteger(window_width) >= 768 ? 24 : 19}",
                          "text_color": "#24243A",
                          "margins": {
                            "bottom": "@{toInteger(window_width) >= 768 ? 10 : 2}"
                          },
                          "width": {
                            "type": "wrap_content"
                          },
                          "text": "История в компании",
                          "alpha": "@{current_tab_state == 'history' ? 0.9 : 0.7}",
                          "font_weight": "@{current_tab_state == 'history' ? 'medium' : 'regular'}"
                        },
                        {
                          "type": "container",
                          "background": [
                            {
                              "color": "#007BFF",
                              "type": "solid"
                            }
                          ],
                          "height": {
                            "type": "fixed",
                            "value": "@{current_tab_state == 'history' ? 4 : 0}"
                          },
                          "items": [
                            {
                              "type": "text",
                              "selectable": true,
                              "text": " "
                            }
                          ]
                        }
                      ],
                      "actions": [
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_state?state_id=0/state_profile_tabs/state_tab_story"
                        },
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_variable?name=current_tab_state&value=history"
                        }
                      ]
                    },
                    {
                      "type": "container",
                      "width": {
                        "type": "wrap_content"
                      },
                      "margins": {
                        "right": 0
                      },
                      "items": [
                        {
                          "type": "text",
                          "selectable": true,
                          "font_size": "@{toInteger(window_width) >= 768 ? 15 : 12}",
                          "line_height": "@{toInteger(window_width) >= 768 ? 24 : 19}",
                          "text_color": "#24243A",
                          "margins": {
                            "bottom": "@{toInteger(window_width) >= 768 ? 10 : 2}"
                          },
                          "width": {
                            "type": "wrap_content"
                          },
                          "text": "Отпуск",
                          "alpha": "@{current_tab_state == 'vacation' ? 0.9 : 0.7}",
                          "font_weight": "@{current_tab_state == 'vacation' ? 'medium' : 'regular'}"
                        },
                        {
                          "type": "container",
                          "background": [
                            {
                              "color": "#007BFF",
                              "type": "solid"
                            }
                          ],
                          "height": {
                            "type": "fixed",
                            "value": "@{current_tab_state == 'vacation' ? 4 : 0}"
                          },
                          "items": [
                            {
                              "type": "text",
                              "selectable": true,
                              "text": " "
                            }
                          ]
                        }
                      ],
                      "actions": [
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_state?state_id=0/state_profile_tabs/state_tab_vacation"
                        },
                        {
                          "log_id": "tab_profile",
                          "url": "div-action://set_variable?name=current_tab_state&value=vacation"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "separator",
                  "width": {
                    "type": "fixed",
                    "value": "@{toInteger(window_width) >= 768 ? 565 : 477}"
                  },
                  "margins": {
                    "bottom": "@{toInteger(window_width) >= 768 ? 37 : 16}"
                  }
                }
              ]
            },
            {
              "type": "state",
              "div_id": "state_profile_tabs",
              "states": [
                {
                  "state_id": "state_tab_contacts",
                  "div": {
                    "type": "container",
                    "orientation": "vertical",
                    "items": [
                      {
                        "type": "text",
                        "text": "tab contacts"
                      }
                    ]
                  }
                },
                {
                  "state_id": "state_tab_workplace",
                  "div": {
                    "type": "container",
                    "orientation": "vertical",
                    "content_alignment_horizontal": "left",
                    "items": [
                      {
                        "type": "text",
                        "text": "tab workplace"
                      }
                    ]
                  }
                },
                {
                  "state_id": "state_tab_roles",
                  "div": {
                    "type": "container",
                    "items": [
                      {
                        "type": "text",
                        "text": "tab roles"
                      }
                    ]
                  }
                },
                {
                  "state_id": "state_tab_story",
                  "div": {
                    "type": "container",
                    "orientation": "vertical",
                    "width": {
                      "type": "match_parent"
                    },
                    "items": [
                      {
                        "type": "text",
                        "text": "tab story"
                      }
                    ]
                  }
                },
                {
                  "state_id": "state_tab_vacation",
                  "div": {
                    "type": "container",
                    "orientation": "vertical",
                    "items": [
                      {
                        "type": "text",
                        "text": "tab vacation"
                      }
                    ]
                  }
                }
              ]
            }
          ]
        }
      }
    ]
  }
}